<template>
  <div id="app">
  <!--   路由的出口-->
      <router-view/>

      <van-tabbar v-model="active" route>
          <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
          <van-tabbar-item to="/company" icon="search">公司</van-tabbar-item>
          <van-tabbar-item to="/message" icon="friends-o">消息</van-tabbar-item>
          <van-tabbar-item to="/mine" icon="setting-o">我的</van-tabbar-item>
      </van-tabbar>

  </div>
</template>

<script setup>
import { ref } from 'vue';
const active = ref(0);

</script>


<style lang="less">
#app {
    max-width: 750px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 320px;
    /deep/ .van-tabbar{
        max-width: 750px;
    }
}

</style>